<template>
	<view class="system-settings">
		<view class="bg-fff rd-16 m-20 py-10">
			<u-cell-group :border="false">
				<u-cell size="large" icon="" :border="false" title="消息通知" isLink url="'/pages/home/msg_notice'"></u-cell>
				<u-cell size="large" icon="" :border="false" title="账号与安全" isLink url="/pages/person/person_password"></u-cell>
				<u-cell size="large" icon="" :border="false" title="清除缓存" :value="cacheSize" @click="handleClearCache" isLink></u-cell>
				<u-cell size="large" icon="" :border="false" title="关于我们" isLink url="/pages/other/text?type=3"></u-cell>
				<u-cell size="large" icon="" :border="false" title="版本更新" :value="appVersion" @click="checkVersionUpdate" isLink></u-cell>
				<u-cell size="large" icon="" :border="false" title="帮助与反馈" isLink url="/pages/other/text?type=4"></u-cell>
			</u-cell-group>
		</view>
		
		
		<!-- 退出登录按钮 -->
		<view class="m-20">
			<view class="shadow_button m-20 mt-40" @click="handleLogout">退出登录</view>
		</view>
		
		<!-- 清除缓存确认弹窗 -->
		<u-modal 
			:show="showClearCacheModal" 
			title="清除缓存" 
			content="确定要清除缓存吗？" 
			showCancelButton 
			@confirm="confirmClearCache"
			@cancel="showClearCacheModal = false"
		></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 缓存大小
				cacheSize: '5.00MB',
				// 应用版本
				appVersion: '1.1.49',
				// 显示清除缓存确认弹窗
				showClearCacheModal: false
			};
		},
		onLoad() {
			this.getCacheSize();
			this.getAppVersion();
		},
		methods: {
			// 获取缓存大小
			getCacheSize() {
				// 这里可以调用uni的API获取实际缓存大小
				// 暂时使用模拟数据
				this.cacheSize = '5.00MB';
			},
			
			// 获取应用版本
			getAppVersion() {
				// 可以从manifest.json或接口获取版本号
				// 暂时使用模拟数据
				this.appVersion = '1.1.49';
			},
			// 检查版本更新
			checkVersionUpdate() {
				uni.showLoading({
					title: '检查更新中...'
				});
				
				// 模拟检查更新
				setTimeout(() => {
					uni.hideLoading();
					uni.showModal({
						title: '版本更新',
						content: '当前已是最新版本',
						showCancel: false
					});
				}, 1000);
			},
			
			
			// 处理清除缓存
			handleClearCache() {
				this.showClearCacheModal = true;
			},
			
			// 确认清除缓存
			confirmClearCache() {
				uni.showLoading({
					title: '清除中...'
				});
				
				// 模拟清除缓存
				setTimeout(() => {
					uni.hideLoading();
					this.cacheSize = '0.00MB';
					uni.showToast({
						title: '清除成功',
						icon: 'success'
					});
					this.showClearCacheModal = false;
				}, 1500);
			},
			
			// 处理退出登录
			handleLogout() {
				uni.showModal({
					title: '提示',
					content: '确定要退出登录吗？',
					success: (res) => {
						if (res.confirm) {
							this.logout();
						}
					}
				});
			},
			
			// 执行退出登录
			logout() {
				uni.showLoading({
					title: '退出中...'
				});
				
				setTimeout(() => {
					uni.hideLoading();
					this.$store.commit('SET_TOKEN', '')
					this.$store.commit('SET_INFO', '')
					uni.reLaunch({
						url: '/pages/signIn/sign_in'
					})
				}, 500);
				
				
				
				// 调用退出登录接口
				// this.$httpApi.logout().then((res) => {
				// 	uni.hideLoading();
				// 	this.$store.commit('SET_TOKEN', '')
				// 	this.$store.commit('SET_INFO', '')
				// 	uni.reLaunch({
				// 		url: '/pages/signIn/sign_in'
				// 	})
				// 	if (res.code === 1) {
						
				// 		this.show = false
				// 		this.$store.commit('SET_TOKEN', '')
				// 		this.$store.commit('SET_INFO', '')
				// 		uni.reLaunch({
				// 			url: '/pages/signIn/sign_in'
				// 		})
						
				// 		// 清除本地存储的token等信息
				// 		uni.removeStorageSync('token');
				// 		uni.removeStorageSync('userInfo');
						
				// 		// 跳转到登录页
				// 		uni.reLaunch({
				// 			url: '/pages/signIn/sign_in'
				// 		});
				// 	} else {
				// 		uni.showToast({
				// 			title: res.msg || '退出失败',
				// 			icon: 'none'
				// 		});
				// 	}
				// }).catch(() => {
				// 	uni.hideLoading();
				// 	uni.showToast({
				// 		title: '网络错误',
				// 		icon: 'none'
				// 	});
				// });
			}
		}
	};
</script>

<style lang="less" scoped>
	
</style>